/**
 * Created by cah on 16-7-22.
 * modified by cah on 16-07-24, 优化了input元素的布局，采用table元素固定格式，新增用户名密码为空验证。
 */
$(function() {
    $('.loginbox').css({
        'position' : 'absolute',
        'left' : ($(window).width() - 692) / 2
    });
    $(window).resize(function() {
        $('.loginbox').css({
            'position' : 'absolute',
            'left' : ($(window).width() - 692) / 2
        });
    })
});

function isEmpty(){ //登陆操作
    if($(".loginuser").val() == ""){ //验证错误
        $(".loginuser").css("border", "1px solid red"); //设置边框样式，用于提醒用户
        $(".loginuser").focus();
    }else if($(".loginpwd").val() == ""){ //验证错误
        $(".loginpwd").css("border", "1px solid red"); //设置边框样式，用于提醒用户
        $(".loginpwd").focus();
    }else{
        loginFunc();
    }
}

var loginFunc = function(){
    var params = {
        username : $(".loginuser").val(),
        password : $(".loginpwd").val(),
    };
    $.ajax({
        type : "post",
        url : "/users/login",
        data : JSON.stringify(params), //data:$('#yourformid').serialize()
        contentType : "application/json;charset=utf-8",
        dataType : "json",
        success : function(data, textStatus) {
            if(data.error){
                $("#errMsg").css("visibility", "visible");
                $("#errMsg").text("登陆失败:"+data.result);
            }else{
                window.location.href='/';
            }
        },
        error : function(ruquest, msg, ex) {
            $("#errMsg").css("visibility", "visible");
        }
    });
}

$(document).ready(function() {
    $('body').keydown(function(event){
        if (event.keyCode == 13) {//13表示回车键
            $(".loginbtn").click(); //not click(loginFun)
        }
    });
    $(".loginbtn").click(isEmpty);
});